table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

.security-banner{height: 440px;background: url(../../Uploads/Pictures/cloundsafe.png) no-repeat center;}

.cloud-01{overflow:hidden; background:#fff;}
.cloud-01 section{width:1200px; margin:auto; overflow:hidden;}
.cloud-01 section img{float:left; display:block;}
.cloud-01 section article{float:right; width:550px; margin-top:144px;}
.cloud-01 section article h3{color:#3884dc; font-size:24px; margin-bottom:20px;}
.cloud-01 section article p{font-size:16px; line-height:28px;}

.security-02{background:#f6f6f6; padding:70px 0;}
.security-02 section{width:1200px; margin:auto;}
.security-02 section h2{color:#3884dc; font-size:32px; text-align:center; line-height:32px; margin-bottom:50px;}
.security-02 section ul{overflow:hidden;}
.security-02 section ul li{position:relative; width:370px; float:left; padding-left:210px;}
.security-02 section ul li.fr{float:right;}
.security-02 section ul li img{position:absolute; left:0; top:0;}
.security-02 section ul li h3{font-size:24px; color:#333;}
.security-02 section ul li p{font-size:16px; color:#999; margin-bottom:8px; line-height:30px;}

.security-03{background:#4ec0ff; padding:60px 0;}
.security-03 section{width:1200px; margin:auto;}
.security-03 section h2{color:#fff; font-size:32px; text-align:center; margin-bottom:30px;}
.security-03 section p{text-align:center; color:#fff; font-size:16px; line-height:30px;}

.security-03-pic{overflow:hidden; margin-top:30px;}
.security-03-pic div{position:relative;}
.security-03-pic div img{width:100%; display:block;}
.icon-y01{position:absolute; left:444px; top:115px; width:19px; height:19px; border-radius:50%; background:#fff; -webkit-animation:roundFl 4s infinite both; -moz-animation:roundFl 4s infinite both; animation:roundFl 4s infinite both;}
.icon-y02{position:absolute; right:447px; top:115px; width:19px; height:19px; border-radius:50%; background:#fff; -webkit-animation:roundFr 4s infinite both; -moz-animation:roundFr 4s infinite both; animation:roundFr 4s infinite both;}
.icon-y03{position:absolute; left:50%; top:186px; margin-left:-11px; width:19px; height:19px; border-radius:50%; background:#fff; -webkit-animation:roundBo 3s infinite both; -moz-animation:roundBo 3s infinite both; animation:roundBo 3s infinite both;}

@-webkit-keyframes roundFl{
	0%{left:444px;}
	50%{left:125px; top:115px;}
	100%{top:202px; left:125px;}
}
@-moz-keyframes roundFl{
	0%{left:444px;}
	50%{left:125px; top:115px;}
	100%{top:202px; left:125px;}
}
@keyframes roundFl{
	0%{left:444px;}
	50%{left:125px; top:115px;}
	100%{top:202px; left:125px;}
}


@-webkit-keyframes roundFr{
	0%{right:447px;}
	50%{right:124px; top:115px;}
	100%{top:202px; right:124px;}
}
@-moz-keyframes roundFr{
	0%{right:447px;}
	50%{right:124px; top:115px;}
	100%{top:202px; right:124px;}
}
@keyframes roundFr{
	0%{right:447px;}
	50%{right:124px; top:115px;}
	100%{top:202px; right:124px;}
}

@-webkit-keyframes roundBo{
	100%{-webkit-transform:translateY(17px);}
}
@-moz-keyframes roundBo{
	100%{-moz-transform:translateY(17px);}
}
@keyframes roundBo{
	100%{transform:translateY(17px);}
}


@-webkit-keyframes rotate{
	100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotate{
	100%{-moz-transform:rotate(360deg);}
}
@keyframes rotate{
	100%{transform:rotate(360deg);}
}



.security-03-pic ul{overflow:hidden; margin-top:35px;}
.security-03-pic ul li{width:248px; float:left;}
.security-03-pic ul li picture{width:185px; height:185px; position:relative; margin:auto; overflow:hidden;}
.security-03-pic ul li picture i{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/security06.png) no-repeat; -webkit-animation:rotate 1s linear infinite both; -moz-animation:rotate 1s linear infinite both; animation:rotate 1s linear infinite both;}
.security-03-pic ul li picture img{display:block; margin:34px auto 0;}
.security-03-pic ul li h3{font-size:24px; color:#fff; text-align:center; margin-top:20px;}

.security-03-pic ul li.security-03-pic-icon02{width:226px; margin-left:232px;}
.security-03-pic ul li.security-03-pic-icon03{width:282px;float:right;}


.security-04{overflow:hidden; background:#f5f5f6; padding:50px 0;}
.security-04 section{width:1200px; margin:auto; overflow:hidden;}
.security-04 section h1{color:#3884dc; font-size:24px; margin-bottom:40px; text-align:center;}
.security-04 section ul{overflow:hidden;}
.security-04 section ul li{width:31%; margin-right:3.5%; float:left;}
.security-04 section ul li img{display:block; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; transition:.5s;}
.security-04 section ul li h3{text-align:center; font-size:20px; color:#333; margin:20px 0 8px;}
.security-04 section ul li p{font-size:16px; color:#999;}
.security-04 section ul li:hover img{-webkit-transform:scale(0.9); -moz-transform:scale(0.9); transform:scale(0.9);}

.security-04 section ul li.security-04-pic02 i{background-position:-113px 0;}
.security-04 section ul li.security-04-pic03 i{background-position:-226px 0;}
.security-04 section ul li.security-04-pic03{margin-right:0;}


.security-05{background:#f1f1f1;}
.security-05-title{overflow:hidden; border-radius:4px; width:1200px; margin:auto;}
.security-05-title li{width:300px; height:60px; float:left; background:#5ec3fb; line-height:60px; color:#fff; font-size:16px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; position:relative; cursor:pointer;}
.security-05-title li:before{content:''; position:absolute; right:0; top:0; height:100%; border-right:1px solid #fff;}
.security-05-title li:last-of-type:before{display:none;}
.security-05-title li.act{background:#76e4b3;}
.security-05 section{width:1200px; margin:auto; overflow:hidden; padding:60px 0;}
.security-05 section .pic{float:left; display:block;}
.security-05 section article{float:right; width:480px;}
.security-05 section article h2{color:#4ec0ff; font-size:32px; line-height:32px; margin-top:60px;}
.security-05 section article p{color:#999; font-size:16px; line-height:30px;}

.security-05 section.fr .pic{float:right;}
.security-05 section.fr article{float:left;}


.security-05 section.security-05-xt picture{float:left; position:relative;}
.security-05 section.security-05-xt picture img{display:block; width:100%;}
.security-05 section.security-05-xt picture i{width:127px; height:127px; position:absolute;}
.security-05-xt-icon01{left:22px; top:138px; background-image:url(../img/security13_01.png); -webkit-animation:rotateRl 1s linear infinite alternate; -moz-animation:rotateRl 1s linear infinite alternate; animation:rotateRl 1s linear infinite alternate;}
.security-05-xt-icon02{right:18px; top:138px; background-image:url(../img/security13_02.png); -webkit-animation:rotateRl 1s linear infinite alternate; -moz-animation:rotateRl 1s linear infinite alternate; animation:rotateRl 1s linear infinite alternate;}

@-webkit-keyframes rotateRl{
	100%{-webkit-transform:rotate(15deg);}
}
@-moz-keyframes rotateRl{
	100%{-moz-transform:rotate(15deg);}
}
@keyframes rotateRl{
	100%{transform:rotate(15deg);}
}

.security-05 section.security-05-aq picture{float:left; position:relative;}
.security-05 section.security-05-aq picture img{display:block; width:100%;}
.security-05 section.security-05-aq picture i{position:absolute;}
.security-05-aq-icon01{width:45px; height:21px; left:417px; top:86px; background-image:url(../img/arrow02.png); -webkit-animation:translateFl 1s linear infinite alternate; -moz-animation:translateFl 1s linear infinite alternate; animation:translateFl 1s linear infinite alternate;}
.security-05-aq-icon02{left:255px; top:225px; width:21px; height:45px; background-image:url(../img/arrow01.png); -webkit-animation:translateFt 1s linear infinite alternate; -moz-animation:translateFt 1s linear infinite alternate; animation:translateFt 1s linear infinite alternate;}
.security-05-aq-icon03{left:416px; top:179px; width:45px; height:21px; background-image:url(../img/arrow09.png); -webkit-animation:translateFr 1s linear infinite alternate; -moz-animation:translateFr 1s linear infinite alternate; animation:translateFr 1s linear infinite alternate;}
.security-05-aq-icon04{left:328px; top:262px; width:21px; height:45px; background-image:url(../img/arrow05.png); -webkit-animation:translateFb 1s linear infinite alternate; -moz-animation:translateFb 1s linear infinite alternate; animation:translateFb 1s linear infinite alternate;}

@-webkit-keyframes translateFl{
	100%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes translateFl{
	100%{-moz-transform:translateX(10px);}
}
@keyframes translateFl{
	100%{transform:translateX(10px);}
}

@-webkit-keyframes translateFr{
	100%{-webkit-transform:translateX(-10px);}
}
@-moz-keyframes translateFr{
	100%{-moz-transform:translateX(-10px);}
}
@keyframes translateFr{
	100%{transform:translateX(-10px);}
}

@-webkit-keyframes translateFt{
	100%{-webkit-transform:translateY(-10px);}
}
@-moz-keyframes translateFt{
	100%{-moz-transform:translateY(-10px);}
}
@keyframes translateFt{
	100%{transform:translateY(-10px);}
}

@-webkit-keyframes translateFb{
	100%{-webkit-transform:translateY(10px);}
}
@-moz-keyframes translateFb{
	100%{-moz-transform:translateY(10px);}
}
@keyframes translateFb{
	100%{transform:translateY(10px);}
}
.security-05 section.security-05-yy article{float:left;}
.security-05 section.security-05-yy picture{float:right; position:relative;}
.security-05 section.security-05-yy picture img{display:block; width:100%;}
.security-05 section.security-05-yy picture i{position:absolute;}
.security-05-yy-icon01{width:45px; height:21px; left:295px; top:62px; background-image:url(../img/arrow03.png); -webkit-animation:translateFr 1s linear infinite alternate; -moz-animation:translateFr 1s linear infinite alternate; animation:translateFr 1s linear infinite alternate;}
.security-05-yy-icon02{left:60px; top:210px; width:21px; height:45px; background-image:url(../img/arrow07.png); -webkit-animation:translateFb 1s linear infinite alternate; -moz-animation:translateFb 1s linear infinite alternate; animation:translateFb 1s linear infinite alternate;}
.security-05-yy-icon03{left:138px; top:212px; width:21px; height:45px; background-image:url(../img/arrow06.png); -webkit-animation:translateFt 1s linear infinite alternate; -moz-animation:translateFt 1s linear infinite alternate; animation:translateFt 1s linear infinite alternate;}
.security-05-yy-icon04{left:274px; top:280px; width:21px; height:45px; background-image:url(../img/arrow08.png); -webkit-animation:translateFt 1s linear infinite alternate; -moz-animation:translateFt 1s linear infinite alternate; animation:translateFt 1s linear infinite alternate;}
.security-05-yy-icon05{left:344px; top:264px; width:21px; height:45px; background-image:url(../img/arrow04.png); -webkit-animation:translateFb 1s linear infinite alternate; -moz-animation:translateFb 1s linear infinite alternate; animation:translateFb 1s linear infinite alternate;}
.security-05-yy-icon06{left:496px; top:216px; width:21px; height:45px; background-image:url(../img/arrow04.png); -webkit-animation:translateFb 1s linear infinite alternate; -moz-animation:translateFb 1s linear infinite alternate; animation:translateFb 1s linear infinite alternate;}
.security-05-yy-icon07{left:570px; top:216px; width:21px; height:45px; background-image:url(../img/arrow08.png); -webkit-animation:translateFt 1s linear infinite alternate; -moz-animation:translateFt 1s linear infinite alternate; animation:translateFt 1s linear infinite alternate;}



.security-05 section.security-05-w{width:100%; background:#4ec0ff; overflow:hidden; margin-top:30px; padding:0;}
.security-05 section.security-05-w div{width:1200px; margin:auto; overflow:hidden; padding:60px 0;}
.security-05 section.security-05-w div article{float:left;}
.security-05 section.security-05-w div h2{color:#fff; margin-top:;}
.security-05 section.security-05-w div p{color:#fff;}

.security-05 section.security-05-w picture{float:right; position:relative; width:525px; height:415px; background:url(../img/security20.png) no-repeat 8px bottom;}
.security-05-icon01{position:absolute; left:0; top:16px; width:121px; height:122px; background:url(../img/security16.png) no-repeat center; -webkit-animation:scaleY .8s linear infinite alternate; -moz-animation:scaleY .8s linear infinite alternate; animation:scaleY .8s linear infinite alternate;}
.security-05-icon02{position:absolute; right:56px; top:0; width:104px; height:104px; background:url(../img/security17.png) no-repeat center; -webkit-animation:scaleY 1s .2s linear infinite alternate; -moz-animation:scaleY 1s .2s linear infinite alternate; animation:scaleY 1s .2s linear infinite alternate;}
.security-05-icon03{position:absolute; left:35px; bottom:86px; width:103px; height:103px; background:url(../img/security18.png) no-repeat center; -webkit-animation:scaleY .9s linear infinite alternate; -moz-animation:scaleY .9s linear infinite alternate; animation:scaleY .9s linear infinite alternate;}
.security-05-icon04{position:absolute; right:0; bottom:106px; width:121px; height:122px; background:url(../img/security19.png) no-repeat center; -webkit-animation:scaleY 1s .3s linear infinite alternate; -moz-animation:scaleY 1s .3s linear infinite alternate; animation:scaleY 1s .3s linear infinite alternate;}

.shield{width:214px; height:248px; position:absolute; left:50%; bottom:90px; margin-left:-107px;}

.shield-icon01{background:url(../img/security22.png) no-repeat center; position:absolute; left:50%; top:50%; width:196px; height:228px; margin:-114px 0 0 -98px; -webkit-animation:scale 2s 1s linear infinite both; -moz-animation:scale 2s 1s linear infinite both; animation:scale 2s 1s linear infinite both;}
.shield-icon02{background:url(../img/security22.png) no-repeat center; position:absolute; left:50%; top:50%; width:196px; height:228px; margin:-114px 0 0 -98px; -webkit-animation:scale 2s linear infinite both; -moz-animation:scale 2s linear infinite both; animation:scale 2s linear infinite both;}
.shield-icon03{background:url(../img/security21.png) no-repeat center; position:absolute; left:50%; top:50%; width:178px; height:208px; margin:-104px 0 0 -89px;}


@-webkit-keyframes scale{
	0%{opacity:0;}
	20%{opacity:1;}
	100%{opacity:0; -webkit-transform:scale(1.3);}
}
@-moz-keyframes scale{
	0%{opacity:0;}
	20%{opacity:1;}
	100%{opacity:0; -moz-transform:scale(1.3);}
}
@keyframes scale{
	0%{opacity:0;}
	20%{opacity:1;}
	100%{opacity:0; transform:scale(1.3);}
}


@-webkit-keyframes scaleY{
	100%{-webkit-transform:scale(.96);}
}
@-moz-keyframes scaleY{
	100%{-moz-transform:scale(.96);}
}
@keyframes scaleY{
	100%{transform:scale(.96);}
}